<template>
    <div>
       <!-- tab栏 -->
      <div class="head">
        <image :src="src1" class="headd" resize="cover" @click="back()"></image>
        <text class="head1">设置</text>
      </div>
      <div class="list">
        <image :src="src_my_admin" class="mine_img"></image>
        <text class="my_id">帮助文档</text>
      </div>
      <div class="list">
        <image :src="src_my_admin1" class="mine_img"></image>
        <text class="my_id">消息通知</text>
      </div>
      <div class="list">
        <image :src="src_my_admin2" class="mine_img"></image>
        <text class="my_id">关于车E家</text>
      </div>
    </div>
</template>
<style scoped>
  .head{
      width: 100%;
      height: 48px;
      padding-top: 12px;
      box-sizing: border-box;
      line-height: 32px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      box-shadow: 1px 1px 1px #ccc;
      background-color: #fff;
      margin-bottom: 30px;
    }
    .headd{
      width: 15px;
      height: 20px;
      position: absolute;
      left: 12px;
    }
    .head1{
      font-size: 20px;
      font-weight: bold;
      color: #33c179;
    }
    .list{
      width: 100%;
      height: 49px;
      border-bottom: solid 1px #dcdada;
      align-items: center;
      flex-direction: row;
    }
    .mine_img{
      width: 14px;
      height: 17px;
      /*background-color: pink;*/
      margin-left: 12px;
   }
   .my_id{
      margin-left: 17px;
      height: 49px;
      line-height: 49px;
      color: #ccc;
      font-weight: bold;
      color: #666;
      font-size: 14px;
  }
</style>
<script>
  export default {
    data () {
        return {
            src1: 'http://192.168.2.123:8080/img/index_back.png',//返回
            src_my_admin: 'http://192.168.2.123:8080/img/set_DOC.png', //帮助文档图标
            src_my_admin1: 'http://192.168.2.123:8080/img/set_massage.png', //消息提醒文档
            src_my_admin2: 'http://192.168.2.123:8080/img/set_instruction.png', //关于我们图标
        }
    },
    components: {
       
    },
    created () {
        
    },
    methods: {
      back(){
        this.$router.back(-1);
      }
    }
}
</script>